<template>
  <div id="app"> 
      <!-- 渲染需要缓存的组件 -->
     <keep-alive>  
        <router-view v-if="$route.meta.keepAlive"></router-view>
     </keep-alive>

      <!-- 渲染不需要缓存的组件 -->
      <router-view v-if="!$route.meta.keepAlive"></router-view>
  </div>
</template> 

<style lang="less"> 
body {
  font-size: 16px!important;
}
#app {
  // vant样式覆盖
  .van-nav-bar__left {
    i,span {
      color: #c03131;
    }
  }
  .van-nav-bar__right{
    .van-nav-bar__text {
      color: #c03131;
    }
  }
  .van-checkbox__icon--checked .van-icon{
    background-color: #c03131;
    color: #fff;
    border-color: #c03131;
  }
  .page {
    padding-bottom: 55px; 
  }
  
}
</style>
